
* {
    margin: 0;
    padding: 0;
}

.toolbar {
    height: 50px;
    background-color: slateblue;
    display: flex;
    justify-content: space-around;
}

.toolbar > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.manage-content {
    display: flex;
    justify-content: flex-start;
}

.manage-content > div:first-child {
    width: 200px;
    height: calc(100vh - 50px);
    background-color: gray;
}

.manage-content > div:nth-child(2) {
    width: calc(100vw - 200px);
    height: calc(100vh - 50px);

}

/*-----------------------------------------*/
.manage-content > div:first-child {
    text-align: center;
}

.manage-content > div:first-child > div > div {
    cursor: pointer;
    line-height: 30px;
}

.manage-content > div:first-child > div > div:nth-child(2) > div:hover {
    background-color: slateblue;

}

.manage-content > div:first-child > div > div:nth-child(2) {
    display: none;
}

.manage-content > div:first-child > div:first-child > div:nth-child(2) {
    display: block;
}

.manage-content > div:first-child > div > div:nth-child(2) > div {
    text-indent: 2em;
}